import { defineConfig,loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
	
// https://vitejs.dev/config/
export default defineConfig(({command,mode}) =>{
	// 获取当前环境的配置
	const env = loadEnv(mode, process.cwd(),'')
	
	return{
		plugins: [
			vue(),
			AutoImport({ // 自动导入插件配置，用于自动导入 Vue 3 相关的 API。
				imports: ['vue','vue-router'],
				resolvers: [ElementPlusResolver()], // 自动导入 Element Plus 组件。
				//dirs:['./src/api],
				dts: './auto-imports.d.ts'
			}),
			Components({
				resolvers: [ElementPlusResolver()], // 自动导入 Element Plus 组件。
			})
		], 
		resolve: {
			alias: {
				'@': '/src' // 设置 @ 指向 src 目录，这样在代码中使用 @ 符号时，Vite 能够正确解析路径。
			}
		},
		server:{
			host:'127.0.0.1', // 设置服务器的主机名。
            port: 8080, // 设置服务器的端口号。
			open: true, // 自动打开浏览器。
		},
		devServer: { // 配置开发服务器。
			open: true, // 自动打开浏览器。
			port: 3000, // 设置端口号。
			proxy: { // 设置代理。
		  	'/api' : { // 匹配所有以 '/api' 开头的请求。	
				target: 'http://127.0.0.1:8000', // 设置目标服务器地址。	  
		    	changeOrigin: true, // 改变请求头中的 Host 字段。
				rewrite: (path) => path.replace(/^\/api/, '') // 重写请求路径，去掉 '/api' 前缀。
				}
			}
		}	
	}  
	  
	
});









